<template>
  <div class="wap-container repairSuccess" id="container">
    <div class="point-box">
      <img v-if="type === 'repair'" src="~assets/images/gongchengshi@2x.png"/>
      <icon v-else type="success" is-msg></icon>
      <p v-if="type === 'evaluate'">您的评价已经提交</p>
      <p v-if="type === 'pay'">付款成功</p>
      <p v-if="type === 'confirm'">确认成功</p>
      <p v-if="type === 'repair'">您的报修已经提交，我们的攻城师马上与您联系</p>
      <div class="backPageBtn mt20 cfff" @click="jumpPage('myOrders')">返回我的工单</div>
    </div>
  </div>
</template>

<script>
    import {Icon} from 'vux'
    export default {
        name: "RepairSuccess",
        components: {
          Icon
        },
        data(){
          return {
            type: this.$route.query.type
          }
        },
        methods: {
          jumpPage: function (url) {
            this.$router.push({path: "/user/"+url})
          }
        }
      }
</script>

<style lang="less">
  .repairSuccess {
    width: 100%;
    height: 100%;
    font-size: 0.13rem;
    .point-box {
      text-align: center;
      color: #999;
      line-height: 1.5;
      padding-top: 40%;
      img{
        width: 0.91rem;
        height: 2.29rem;
      }
    }

    .backPageBtn {
      width: 1.5rem;
      height: 0.43rem;
      background-color: #42a3df;
      border-radius: 0.43rem;
      font-size: 0.15rem;
      line-height: 0.43rem;
      margin-left: 1.125rem;
    }
  }
</style>
